<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>工作经历</h1>
		<hr >
		<div id="div1">
			
			
		</div>
		<table border="0px" cellspacing="" cellpadding="" style="width: 950px;>
			<tr">
				<td align="right"><a href="#" onclick="add()">添加工作经历</a></td>
			</tr>
		</table>
	</body>
	<script type="text/javascript">
		function add(){
			var div1Object = document.getElementById('div1');
			var addDiv =document.createElement('div');
			addDiv.id='div2'
			addDiv.innerHTML=`
			公司名称：<input type="text" name="" id="" value="" />职位：<input type="text" name="" id="" value="" />
			<a href="#" onclick="remove()" id="id">删除工作经历</a>
			<br>
			<table border="0px" cellspacing="" cellpadding="" style="width: 1200px;">
				<tr>
					<td>工作职责及工作内容叙述：</td>
					<td>
					    <textarea rows="10px" cols="100px"></textarea>
					</td>
				</tr>
			</table>
			<hr>
			`;
			div1Object.appendChild(addDiv);
		}
		function remove(){
			var div1Object = document.getElementById('div1');
			var div2Object = document.getElementById('div2');
			div1Object.removeChild(div2Object);
		}
	</script>
</html>
